$(function () {
  var layer = layui.layer;
  var form = layui.form;

  var indexAdd = null;
  initArtCateList();
  function initArtCateList() {
    $.ajax({
      method: "GET",
      url: "/my/cate/list",
      success: function (res) {
        const htmlStr = template("tpl-table", res);
        $("tbody").html(htmlStr);
        console.log(res);
      },
    });
  }
  // 为添加类别按钮绑定点击事件
  $("#btnAddCate").on("click", function () {
    indexAdd = layer.open({
      type: 1,
      area: ["500px", "250px"],
      title: "添加文章分类",
      content: $("#dialog-add").html(),
    });
    // 通过代理的形式，为 form-add 表单绑定 submit 事件
    $("body").on("submit", "#form-add", function (e) {
      e.preventDefault();
      $.ajax({
        method: "POST",
        url: "/my/cate/add",
        data: $(this).serialize(),
        success: function (res) {
          if (res.code !== 0) {
            return layer.msg("新增分类失败！");
          }
          initArtCateList();
          layer.msg("新增分类成功！");
          // 根据索引，关闭对应的弹出层
          layer.close(indexAdd);
        },
      });
    });
  });
  var indexEdit = null;
  $("tbody").on("click", ".btn-edit", function () {
    indexEdit = layer.open({
      type: 1,
      area: ["500px", "250px"],
      title: "修改文章分类",
      content: $("#dialog-edit").html(),
    });
    // 弹出一个修改文章分类信息的层
    //     // 发起请求获取对应分类的数据
    var id = $(this).attr("data-id");
    $.ajax({
      method: "GET",
      url: "/my/cate/info",
      data: { id },
      success: function (res) {
        form.val("form-edit", res.data);
      },
    });

  });
});
